<template>
  <div>
    <el-dialog title="编辑服务" :visible.sync="editTopResumeDialog" width="35%" @close="close">
      <el-form ref="form" :model="form" label-width="80px">
        <el-form-item label="服务名称">
          <el-input placeholder="" style="width: 70%;"></el-input>
        </el-form-item>
        <el-form-item label="服务时长">
          <el-input placeholder="" style="width: 70%;"></el-input>
        </el-form-item>
        <el-form-item label="服务价格">
          <el-input placeholder="" style="width: 70%;"></el-input>
        </el-form-item>
        <el-form-item label="积分抵扣">
          <el-radio-group v-model="model">
            <el-radio :label="label">不允许</el-radio>
            <el-radio :label="label">全额兑换</el-radio>
            <el-radio :label="label">部分抵扣</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="排序">
          <el-input placeholder="" style="width: 70%;"></el-input>
        </el-form-item>
        <el-form-item label="显示">
          <el-switch
            v-model="model"
            active-color="#13ce66"
            inactive-color="#ff4949"
          ></el-switch>
        </el-form-item>
        <el-form-item label="推荐">
             <el-switch
            v-model="model"
            active-color="#13ce66"
            inactive-color="#ff4949"
          ></el-switch>
        </el-form-item>
        <el-form-item label="">
          <el-button type="primary" size="mini">保存</el-button>
          <el-button size="mini" @click="close">取消</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: {
    editTopResumeDialog: {
      type: Boolean,
    },
  },
  data() {
    return {
      model: true,
    };
  },
  methods: {
    close() {
      this.$emit('update:editTopResumeDialog',false)
    }
  },
};
</script>

<style scoped></style>
